﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>iNettuts - Welcome!</title>
    <link href="inettuts.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="head">
        <h1>
            iNettuts</h1>
    </div>
    <div id="columns">
        <ul id="column1" class="column-dingzh">
            <li class="widget color-green" id="intro">
                <div class="widget-head">
                    <h3>
                        Introduction Widget</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
            <li class="widget color-red">
                <div class="widget-head">
                    <h3>
                        Widget title</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
        </ul>
        <ul id="column2" class="column">
            <li class="widget color-blue">
                <div class="widget-head">
                    <h3>
                        Widget title</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
            <li class="widget color-yellow" id="dingzh">
                <div class="widget-head">
                    <h3>
                        Widget title</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
        </ul>
        <ul id="column3" class="column">
            <li class="widget color-orange">
                <div class="widget-head">
                    <h3>
                        Widget title</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
            <li class="widget color-white">
                <div class="widget-head">
                    <h3>
                        Widget title</h3>
                </div>
                <div class="widget-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla
                        in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet
                        eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at,
                        ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="inettuts.js"></script>
</body>
</html>
